<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>数据展示</title>
    <script src="../static/js/jquery-1.11.1.min.js"></script>
    <script src="../static/js/echarts.min.js"></script>
    <link href="../static/css/main.css" rel="stylesheet" />
</head>

<body>

    <div id="gyroContain">

        <div id="title">
            <span>呼叫中心数据展示平台</span>
        </div>

        <div id="showTime"></div>
        <script src="../static/js/controller.js"></script>
        <div id="c1">
            <div class="num">
                <h1>10</h1>
            </div>
            <div class="num">
                <h1>2000</h1>
            </div>
            <div class="num">
                <h1>3000</h1>
            </div>
            <div class="num">
                <h1>4000</h1>
            </div>
            <div class="txt">
                <h2>在线坐席</h2>
            </div>
            <div class="txt">
                <h2>总进线量</h2>
            </div>
            <div class="txt">
                <h2>总接听量</h2>
            </div>
            <div class="txt">
                <h2>总放弃量</h2>
            </div>
        </div>
        <div id='c2'>
            我是c2-实时累计数据轮播
        </div>
        <div id="l1">

        </div>
        <div id='l2'>
            我是l2-折线图
        </div>
        <div id='r1'>
            我是r1-数据分析—雷达图
        </div>
        <div id='r2'>
            我是r2-排行显示-排行榜
        </div>
    </div>
</body>
<script>
    var t = null;
    t = setTimeout(time, 1000); //開始运行
    function time() {
        clearTimeout(t); //清除定时器
        dt = new Date();
        var y = dt.getFullYear();
        var mt = dt.getMonth() + 1;
        var day = dt.getDate();
        var h = dt.getHours(); //获取时
        var m = dt.getMinutes(); //获取分
        var s = dt.getSeconds(); //获取秒
        document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + "-" + h + "时" + m + "分" + s + "秒";
        t = setTimeout(time, 1000); //设定定时器，循环运行     
    }
</script>
<script src="../static/js/a_center1.js"></script>
<script src="../static/js/a_center2.js"></script>
<script src="../static/js/a_left1.js"></script>
<script src="../static/js/a_left2.js"></script>
<script src="../static/js/a_right1.js"></script>
<script src="../static/js/a_right2.js"></script>

</html>